﻿@import "c.css";
@import "type.css";
@import "jquery-ui-1.7.2.custom.css";

body
{
	background-color: #e1e1e1;
	text-align: center;
	color: #000;
	padding: 0;
	margin: 0;
}

*
{
	background-repeat: no-repeat;
}

a img, img
{
	border: none;
}

h1, h2, h3, h4
{
	color: #000;
}

h3
{
	font-size: 14px;
}

a
{
	color: #f32837;
	text-decoration: none;
	font-weight:bold;
	outline: none;
}

a:hover
{
	color: #777;
	text-decoration: underline;
}

#page
{
	width: 975px;
	padding: 0 8px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
	background: url(../../content/images/web/page_bg.png) repeat-y 0 0;
}

/* Forms elements */

input
{
	border: 1px solid #ccc;
	padding: 4px;
	vertical-align: middle;
	margin-right: 3px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

select
{
	border: 1px solid #ccc;
	padding: 3px;
	vertical-align: middle;
}

input.button, input.submit, button
{
	/*
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
*/
	color: #333;
	background: #fff url(../../content/images/web/common_horizontal.png) repeat-x 0 -3px;
	border: 1px solid #ccc;
	height: 26px;
	padding: 0 12px 1px 12px;
	vertical-align: middle;
	width: auto;
	overflow: visible;
	cursor: pointer;
}

textarea
{
	border: 1px solid #ccc;
}

.linkbutton
{
	display: inline-block;
	line-height: 24px;
	background: #fff url(../../content/images/web/common_horizontal.png) repeat-x 0 -3px;
	border: 1px solid #ccc;
	padding: 0 12px 0 12px;
	color: #333;
	/*
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
*/
}




/* Header */

#header .top
{
	padding: 15px 15px 0 15px;
}

.register_banner
{
	float: left;
	margin-right: 15px;
	width: 280px;
}

.register_banner a
{
	display: block;
	height: 71px;
	padding: 12px 15px 0 90px;
	color: #000;
	background: #eee url(../../content/images/web/register_now.png) no-repeat;
}

.newsletter_banner
{
	float: left;
	height: 63px;
	width: 150px;
	position: relative;
	padding: 10px 15px 10px 120px;
	margin: 0 15px 0 0;
	background-color: #EEE;
}

.newsletter_banner h3
{
	text-transform: lowercase;
	margin: 0 0 5px;
	font-size: 18px;
	line-height: normal;
	color: #313030;
}

.newsletter_banner h3 a
{
	color: #000;
}

.newsletter_banner h3 a:hover
{
	color: #f32837;
}

.newsletter_banner p
{
	margin: 0;
	font-size: 11px;
	color: #666;
	position: relative;
}

.newsletter_banner img
{
	position: absolute;
	bottom: 0;
	left: 0;
}

.primary_nav
{
	overflow: hidden;
	padding: 0;
	background: #000;
	clear: both;
}

.primary_nav ul
{
	margin: 0;
}

.primary_nav li
{
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
	border-right: 1px solid #999;
	height: 30px;
}

.primary_nav li a
{
	float: left;
	display: block;
	color: #fff;
	padding: 0 15px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	vertical-align: middle;
	background: #000;
	line-height: 30px;
}

.primary_nav li a:hover
{
	background: #555;
}

.primary_nav li.current a
{
	background: #eee;
	color: #000;
}

.primary_nav li.current a:hover
{
	background: #eee;
}



.secondary_nav
{
	overflow: hidden;
	background: #eee;
}

.secondary_nav ul
{
	margin: 0;
	overflow: hidden;
	padding: 0 5px;
}

.secondary_nav li
{
	list-style: none;
	margin: 0;
	float: left;
	height: 30px;
}

.secondary_nav a
{
	float: left;
	display: block;
	padding: 0 10px;
	color: #333;
	font-size: 12px;
	line-height: 30px;
}

.secondary_nav li.current a, .secondary_nav li a:hover
{
	color: #f32837;
}

.sitelinks
{
	color: #999;
	overflow: hidden;
	margin: 0 0 10px;
}

.sitelinks ul
{
	float: right;
}

.sitelinks ul, .sitelinks li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.sitelinks li
{
	float: left;
	background: url(../../content/images/web/nav_devider.png) no-repeat 100% 4px;
	padding: 0 10px;
}



.sitelinks a
{
	color: #999;
	text-decoration: none;
}

.sitelinks li a:hover
{
	text-decoration: none;
	border-bottom: 1px dotted #999;
}

/* Content */

#content
{
	padding: 0 15px 60px;
	overflow: hidden;
}

#sideleft
{
	float: left;
	width: 160px;
	margin: 6px 15px 0 0;
}

#sideright
{
	float: right;
	width: 220px;
}

#main
{
	float: left;
	width: 471px;
}



/* Footer */

#footer
{
	clear: both;
	background: #646464 url(../../content/images/web/footer_grad.png) repeat-x 0 0;
	overflow: hidden;
	padding: 25px 15px 15px;
}

#footer .footer_col
{
	float: left;
	display: inline;
	width: 220px;
	min-height: 110px;
	margin: 0 15px 0 0;
	padding: 0 0 0 10px;
	background: url(../../content/images/web/footer_divider.png) repeat-y 100% 0;
}
#footer .id_01, #footer .id_02
{
	width: 155px;
}

#footer h3
{
	color: #FFF;
	margin: 0 0 15px;
	text-transform: uppercase;
}

#footer div.id_04
{
	margin: 0;
	background: none;
	width: 330px;
}

#footer div.id_04 a
{
	text-indent: -9999px;
}

#footer div.id_04 .W3CValid
{
	
	float: right;
	margin: 10px 10px 5px 10px;
}

#footer div.id_03 input.user_input
{
	height: 16px;
	width: 110px;
	border: none;
	padding: 5px;
	margin: 0 5px 0 1px;
}

#footer input
{
	border: 1px solid #555;
}

#footer div.id_03 input.user_submit
{
	background-position: 0 -33px;
	background-color: #858585;
	border-color: #555;
	color: #eee;
}

#footer div.id_03 ul
{
	overflow: hidden;
	margin: 5px 0 0;
}
#footer div.id_03 ul li
{
	float: left;
	margin: 0 15px 0 0;
}

#footer div.id_03 ul li a
{
	font-size: 11px;
}

#footer ul
{
	list-style: none;
	margin: 0;
}

#footer ul li
{
	margin: 0 0 4px 0;
}

#footer ul li a
{
	color: #ccc;
}

#footer ul li a:hover
{
	color: #fff;
}

#footer .rss a
{
	background: url(../../content/images/web/icons.png) no-repeat 0 -318px;
	padding-left: 20px;
}

#footer .elsewhere li
{
	margin: 0 0 6px 0;
}

#footer .elsewhere a
{
	background: url(../../content/images/web/icons.png) no-repeat 0 -159px;
	padding: 1px 0;
	padding-left: 24px;
}

#footer .elsewhere .facebook a
{
	background-position: 0 -360px;
}

#footer .elsewhere .twitter a
{
	background-position: 0 -400px;
}



/* line header example */
h2.line_header
{
	border: solid 1px #d6d6d6;
	border-width: 1px 0;
	padding: 5px 0;
	font-size: 14px;
}

/* designer photo */
img.designer_photo
{
	float: left;
	margin: 5px 10px 10px 0;
}

/* designer contact section */
.designer_contact
{
	overflow: hidden;
	margin: 0 0 15px;
}

.designer_contact p
{
	width: 172px;
	margin: 0 20px 0 0;
	float: left;
}

/* HOME PAGE */
#content.page_content
{
	padding: 15px;
}

#map_canvas_events
{
	position: relative;
	width: 550px;
	height: 400px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}
.ads_eventlist_01
{
	border:1px solid #CCCCCC;
	margin:10px 0;
	padding:10px;
	width:530px;
}

.ads_eventlist_02
{
	background-color: #EEEEEE;
	margin: 15px 0;
	width: 550px;
	height: 173px;
	border: 1px solid #ccc;
}


.zone
{
	float: left;
	width: 305px;
	margin: 0 15px 0 0;
}

.zone_1
{
	float: left;
	width: 625px;
	margin: 0 0 15px 0;
}

.page_content .zone_1
{
	float: left;
	width: 625px;
	margin: 0 0 15px 0;
}

.page_content .zone_4
{
	margin: 0 0 0 0;
	float: right;
}

/*keep it as the same as content padding: 15px;*/
.ads_bottom
{
	padding: 15px;
}


.ads_bottom .sponsors
{
	padding: 15px 0 10px 0;
	overflow: hidden;
	clear: both;
	border-top: 1px solid #ccc;
}

.ads_bottom .sponsors a, .ads_bottom .sponsors span, .page_sponsors .sponsors a, .page_sponsors .sponsors span
{
	text-indent: -9999px;
	width: 156px;
	height: 60px;
}
.ads_bottom .sponsors a, .ads_bottom .sponsors span
{
	background: url(../../content/images/web/sponsors_sprite.png) no-repeat 0 0;
}
.page_sponsors .sponsors a, .page_sponsors .sponsors span
{
	background: url(../../content/images/web/sponsors_sprite_color.png);
}
.ads_bottom .sponsors a.principal
{
	float: left;
}
.ads_bottom .sponsors .cycle
{
	float: right;
	width: 780px;
	height: 60px;
}
.ads_bottom .sponsors .cycle ul
{
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ads_bottom .sponsors .cycle ul li
{
	float: left;
	padding: 0;
	margin: 0;
}
.ads_bottom .sponsors .cycle ul li a, .page_content .sponsors .cycle ul li span, .page_sponsors .sponsors ul li a, .page_sponsors .sponsors ul li span
{
	display: block;
}
.ads_bottom .sponsors .cycle ul.id_01 li.id_01 a, .page_sponsors .sponsors ul.id_01 li.id_01 a
{
	background-position: 0 -60px;
}
.ads_bottom .sponsors .cycle ul.id_01 li.id_02 a, .page_sponsors .sponsors ul.id_01 li.id_02 a
{
	background-position: -156px -60px;
}
.ads_bottom .sponsors .cycle ul.id_01 li.id_03 a, .page_sponsors .sponsors ul.id_01 li.id_03 a
{
	background-position: -312px -60px;
}
.ads_bottom .sponsors .cycle ul.id_01 li.id_04 a, .page_sponsors .sponsors ul.id_01 li.id_04 a
{
	background-position: -468px -60px;
}
.ads_bottom .sponsors .cycle ul.id_01 li.id_05 a, .page_sponsors .sponsors ul.id_01 li.id_05 a
{
	background-position: -624px -60px;
}
.ads_bottom .sponsors .cycle ul.id_02 li.id_01 a, .page_sponsors .sponsors ul.id_02 li.id_01 a
{
	background-position: 0 -120px;
}
.ads_bottom .sponsors .cycle ul.id_02 li.id_02 a, .page_sponsors .sponsors ul.id_02 li.id_02 a
{
	background-position: -156px -120px;
}
.ads_bottom .sponsors .cycle ul.id_02 li.id_03 a, .page_sponsors .sponsors ul.id_02 li.id_03 a
{
	background-position: -312px -120px;
}
.ads_bottom .sponsors .cycle ul.id_02 li.id_04 a, .page_sponsors .sponsors ul.id_02 li.id_04 a
{
	background-position: -468px -120px;
}
.ads_bottom .sponsors .cycle ul.id_02 li.id_05 a, .page_sponsors .sponsors ul.id_02 li.id_05 a
{
	background-position: -624px -120px;
}
.page_content .sponsors .cycle ul.id_03 li.id_01 a, .page_sponsors .sponsors ul.id_03 li.id_01 a
{
	background-position: 0 -180px;
}
.page_content .sponsors .cycle ul.id_03 li.id_02 a, .page_sponsors .sponsors ul.id_03 li.id_02 a
{
	background-position: -156px -180px;
}
.page_content .sponsors .cycle ul.id_03 li.id_03 a, .page_sponsors .sponsors ul.id_03 li.id_03 a
{
	background-position: -312px -180px;
}
.page_content .sponsors .cycle ul.id_03 li.id_04 a, .page_sponsors .sponsors ul.id_03 li.id_04 a
{
	background-position: -468px -180px;
}
.page_content .sponsors .cycle ul.id_03 li.id_05 a, .page_sponsors .sponsors ul.id_03 li.id_05 a
{
	background-position: -624px -180px;
}
.page_content .sponsors .cycle ul.id_04 li.id_01 a, .page_sponsors .sponsors ul.id_04 li.id_01 a
{
	background-position: 0 -240px;
}
.page_content .sponsors .cycle ul.id_04 li.id_02 a, .page_sponsors .sponsors ul.id_04 li.id_02 a
{
	background-position: -156px -240px;
}
.page_content .sponsors .cycle ul.id_04 li.id_03 a, .page_sponsors .sponsors ul.id_04 li.id_03 a
{
	background-position: -312px -240px;
}
.page_content .sponsors .cycle ul.id_04 li.id_04 a, .page_sponsors .sponsors ul.id_04 li.id_04 a
{
	background-position: -468px -240px;
}
.page_content .sponsors .cycle ul.id_04 li.id_05 a, .page_sponsors .sponsors ul.id_04 li.id_05 a
{
	background-position: -624px -240px;
}
.page_content .sponsors .cycle ul.id_05 li.id_01 a, .page_sponsors .sponsors ul.id_05 li.id_01 a
{
	background-position: 0 -300px;
}
.page_content .sponsors .cycle ul.id_05 li.id_02 a, .page_sponsors .sponsors ul.id_05 li.id_02 a
{
	background-position: -156px -300px;
}
.page_content .sponsors .cycle ul.id_05 li.id_03 a, .page_sponsors .sponsors ul.id_05 li.id_03 a
{
	background-position: -312px -300px;
}
.page_content .sponsors .cycle ul.id_05 li.id_04 a, .page_sponsors .sponsors ul.id_05 li.id_04 a
{
	background-position: -468px -300px;
}
.page_content .sponsors .cycle ul.id_05 li.id_05 a, .page_sponsors .sponsors ul.id_05 li.id_05 a
{
	background-position: -624px -300px;
}
.page_content .sponsors .cycle ul.id_06 li.id_01 span, .page_sponsors .sponsors ul.id_06 li.id_01 span
{
	background-position: 0 -360px;
}
.page_content .sponsors .cycle ul.id_06 li.id_02 a, .page_sponsors .sponsors ul.id_06 li.id_02 a
{
	background-position: -156px -360px;
}
.page_content .sponsors .cycle ul.id_06 li.id_03 a, .page_sponsors .sponsors ul.id_06 li.id_03 a
{
	background-position: -312px -360px;
}
.page_content .sponsors .cycle ul.id_06 li.id_04 a, .page_sponsors .sponsors ul.id_06 li.id_04 a
{
	background-position: -468px -360px;
}
.page_content .sponsors .cycle ul.id_06 li.id_05 a, .page_sponsors .sponsors ul.id_06 li.id_05 a
{
	background-position: -624px -360px;
}
.page_content .sponsors .cycle ul.id_07 li.id_01 a, .page_sponsors .sponsors ul.id_07 li.id_01 a
{
	background-position: 0 -420px;
}
.page_content .sponsors .cycle ul.id_07 li.id_02 a, .page_sponsors .sponsors ul.id_07 li.id_02 a
{
	background-position: -156px -420px;
}
.page_content .sponsors .cycle ul.id_07 li.id_03 a, .page_sponsors .sponsors ul.id_07 li.id_03 a
{
	background-position: -312px -420px;
}
.page_content .sponsors .cycle ul.id_07 li.id_04 a, .page_sponsors .sponsors ul.id_07 li.id_04 a
{
	background-position: -468px -420px;
}
.page_content .sponsors .cycle ul.id_07 li.id_05 a, .page_sponsors .sponsors ul.id_07 li.id_05 a
{
	background-position: -624px -420px;
}

/* sponsors page */
.page_sponsors #main
{
	width: auto;
	float: none;
}
.page_sponsors .sponsors ul
{
	overflow: hidden;
	list-style: none;
	padding: 15px 0;
	margin: 0;
	border: solid #CCC 1px;
	border-width: 1px 0 0;
}
.page_sponsors .sponsors ul li
{
	float: left;
	margin: 0;
	padding: 0;
}
.page_sponsors .sponsors ul li a
{
	margin: 0 17px;
	width: 155px;
}
.page_sponsors .sponsors .principal_holder
{
	text-align: center;
	padding: 15px 0;
}
.page_sponsors .sponsors .principal_holder a
{
	display: block;
	margin: 0 auto;
	background-position: -156px 0;
}
.titlestrip
{
	height: 160px;
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-color: #000;
	padding: 0 655px 0 0;
	margin-bottom: 15px;
}
.titlestrip .text
{
	height: 150px;
	background: #000 url(../../content/images/web/black_gradient.png) repeat-x 0 100%;
	color: #fff;
	padding: 10px 15px 0 15px;
}

.titlestrip .text h1
{
	color: #fff;
	margin: 0 0 9px 0;
}

.titlestrip .text p
{
	margin: 0;
}

.page_subhome .zone_4
{
	float: right;
	margin: 0;
}

.viewall
{
	font-size: 11px;
	color: #666;
	text-decoration: underline;
}

/* CONTENT PAGE */

.page_content #sideleft
{
	width: 145px;
	background: url(../../content/images/web/leftshadow.png) no-repeat right top;
}

.page_content #main
{
	width: 625px;
}

.page_content_wide #sideleft
{
	display: none;
}

.page_content #main
{
	width: 770px;
}

.page_content #sideright
{
	width: 145px;
}

.page_content #sideleft .subnav
{
	border-top: none;
	width: 138px;
	min-height: 455px;
}




.contentimage_right
{
	float: right;
	margin: 0 0 15px 15px;
}

.contentimage_left
{
	float: left;
	margin: 0 15px 15px 0;
}



/* search results */
.page_search_results #main
{
	width: 705px;
}

.page_search_results #sideright
{
	width: 225px;
	margin: 48px 0 0;
}

.page_search_results #sideright .panel
{
	background-color: #eeeeee;
	padding: 15px;
}

.page_search_results #sideright .panel h3
{
	text-transform: uppercase;
}

.page_search_results #sideright .filter_results ul
{
	list-style: none;
}

.page_search_results #sideright .filter_results ul li
{
	margin: 0 0 10px;
}

.page_search_results #sideright .filter_results ul li input, .page_search_results #sideright .filter_results ul li label
{
	vertical-align: middle;
}

.page_search_results #sideright .filter_results ul li input
{
	margin-right: 8px;
	border: none;
}

.page_search_results #sideright .filter_results ul li label
{
	color: #888888;
	font-size: 12px;
	text-transform: uppercase;
}

/* paging */
.paging
{
	padding: 10px 15px 0 15px;
	margin-right: 0.1em;
	background: #FFF;
	text-decoration: none;
}


/* event paging */

.paging a
{
	text-decoration: none;
	text-decoration: none;
	padding: 0.2em 0.6em;
	margin:0 0.2em;
	background: #f32837;
	color: #fff;

}

.paging a:hover{
text-decoration: none;
color: #fff;
background: #777;

}
	
	
.paging .selected
{
	font-weight: bold;
	background: #777;
	color: #FFF;
	cursor:default;
}

/* Site search */

.site_search
{
	background-color: #eee;
	float: left;
	height: 53px;
	width: 230px;
	padding: 15px;
}

.site_search input.text
{
	width: 130px;
}

.site_search ul
{
	list-style: none;
	overflow: hidden;
	margin: 5px 0 0;
}

.site_search ul li
{
	float: left;
	margin: 0 15px 0 0;
}

.site_search ul li a
{
	color: #666;
	text-decoration: underline;
	font-size: 11px;
}

.site_search ul li a:hover
{
	text-decoration: none;
}

.logo
{
	float: left;
	margin:18px;
}

.header_right
{
	float: right;
	display: inline;
	width: 555px;
	margin: 0 0 15px;
}
